<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>首页</title>
		<meta name="Keywords" content="" />
		<meta name="Description" content="" />
		<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
		<link rel="shortcut icon" href="#"/>
	</head>
	<body>
		<div class="web">
			<!-- 头部 -->
			<header>
				<div class="headerLeft">
					<i class="iconfont icon-caidan"></i>
					
				</div>
				<div class="headerCenter">
					<a href="index.html">
						<img src="../images/homelogo.png">
					</a>
				</div>
				<div class="headerRight">
					<i class="iconfont icon-sousuo"></i>
				</div>
				<div class="mask1">
					<div class="box">		
						<div class="content">
							<div class="top">
								<a href="">
									<i class="iconfont icon-xinlangweibo"></i>
								</a>
								<a href="">
									<i class="iconfont icon-weixin"></i>
								</a>
								<a href="">
									<i class="iconfont icon-baidu"></i>
								</a>
								<a href="">
									<i class="iconfont icon-facebook"></i>
								</a>
							</div>
							<div class="center">
								<a href="about.html">About Or</a>
								<a href="product.html">Product</a>
								<a href="space.html">Space Inspiration</a>
								<a href="user.html">User Experience</a>
							</div>
							<div class="bottom">
								<div class="line"></div>
								<a href="news.html">NEWS</a>
								<div class="line"></div>
								<a href="event.html">EVENT</a>
								<div class="line"></div>
								<a href="contact.html">CONTACT</a>
								<div class="line"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="mask2">
					<div class="box">
						<div class="content">
							<form action="" method="">
								<input type="text" id="search" value="" placeholder="请输入" />
							</form>
							<label class="serachBox" for="search">Searh anything & hit enter</label>
						</div>
					</div>
				</div>
			</header>

			<!-- 内容 -->
			<main>
				<div class="bg bgBox1"></div>
				<section class="top">
					<div class="swiper">
						<!-- <div class="swiper-wrapper">
							<div class="swiper-slide">
								<img src="../images/homeswiper1.png">
							</div>
							<div class="swiper-slide">
								<img src="../images/homeswiper1.png">
							</div>
							<div class="swiper-slide">
								<img src="../images/homeswiper1.png">
							</div>
						</div>
						<div class="swiper-pagination"></div> -->
						
					</div>
					<div class="conTop">
						<h2>Dot. Chair</h2>
						<a href="">SEE MORE</a>
					</div>
				</section>

				<section class="about"> 
					<a href="about.html" class="title">About Or</a>
					<div class="imgBox">
						<img src="../images/homeabout.png">
					</div>
					<a href="about.html" class="btn">SEE MORE</a>
				</section> 

				<!-- 跳转到产品页 -->
				<section class="product">
					<a href="product.html">Product</a>
					<div class="content">
						<div class="product1">
							<a class="box">
								<img src="../images/homeproduct1.png">
							</a>
							<h3>Dot. Multi-functional </h3>
							<h4>Dot. Multi-functional Combine-unit</h4>
						</div>

						<div class="product2">
							<a class="box">
								<img src="../images/homeproduct2.png">
							</a>
							<h3>free collocation</h3>
							<h4> Dot. Table</h4>
						</div>

						<div class="product3">
							<a class="box">
								<img src="../images/homeproduct3.png">
							</a>
							<h3>free collocation</h3>
							<h4> Dot. Table</h4>
						</div>

						<div class="product4">
							<a class="box">
								<img src="../images/homeproduct3.png">
							</a>
							<h3>free collocation</h3>
							<h4> Dot. Table</h4>
						</div>
					</div>
					<a href="">SEE MORE DESIGNS</a>
				</section>

				<section class="video">
					<h3>Product of the day</h3>
					<p>Dot. Multi-functional Combine-unit</p>
					
					<!-- 视频 -->
					<div class="videoBox">
						<!-- 视频屏幕区域 -->
						<div class="videoContent">
							<!-- 视频主区域 -->
							<video class="videoMain" poster="../images/homeproduct3.png">
								
								<!-- <source src="https://www.runoob.com/try/demo_source/movie.mp4" type="video/mp4"> -->		
							</video>
							<div class="videoMask">
								<i class="iconfont icon-bofang"></i>
							</div>
						</div>
						
						
						
					</div>
					<a href="">SEE MORE VIDEOS</a>
				</section>

				<section class="bottom">
					<a href="space.html">
						<img src="../images/homebg.png" >
						<span>Space Inspiration</span>
					</a>
					
				</section>
			</main> 

			<!-- 尾部 -->
			<footer>
				 <div class="content">
					<h2>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</h2>
					<i class="iconfont icon-shangjiantou" id="up"></i>
				</div> 
				
			 </footer> 
		
		</div>
	</body>
	<!-- <script src="../js/_fetch.js"></script> -->
	<script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
</html>
